<template>
  <div>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <div class="container">
        <router-link class="navbar-brand" to="/">双碳招投标网</router-link>
        <div class="collapse navbar-collapse">
          <ul class="navbar-nav ms-auto">
            <li class="nav-item">
              <router-link class="nav-link active" to="/">政策法规</router-link>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- 政策法规列表 -->
    <div class="container mt-5">
      <h2 class="mb-4">政策法规列表</h2>
      <div class="list-group">
        <!-- 路由跳转使用router-link -->
        <router-link 
          to="/detail/1" 
          class="list-group-item list-group-item-action d-flex align-items-center"
        >
          <i class="fas fa-file-alt fa-lg text-primary me-3"></i>
          <div>
            <h5 class="mb-1">关于双碳目标下政府采购绿色产品的实施意见</h5>
            <small class="text-muted">2025-10-01</small>
          </div>
        </router-link>

        <router-link 
          to="/detail/2" 
          class="list-group-item list-group-item-action d-flex align-items-center"
        >
          <i class="fas fa-file-alt fa-lg text-primary me-3"></i>
          <div>
            <h5 class="mb-1">碳排放权交易市场管理暂行办法</h5>
            <small class="text-muted">2025-09-15</small>
          </div>
        </router-link>

        <router-link 
          to="/detail/3" 
          class="list-group-item list-group-item-action d-flex align-items-center"
        >
          <i class="fas fa-file-alt fa-lg text-primary me-3"></i>
          <div>
            <h5 class="mb-1">绿色建筑政府采购需求标准（2025版）</h5>
            <small class="text-muted">2025-08-20</small>
          </div>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script setup>
// 无需额外逻辑，仅展示列表
</script>

<style scoped>
/* 可复用之前的style.css样式，或引入全局样式 */
</style>